/*2019/12/11*/
/*
 *  ==========================================================================
 *                                      默认
 *  ==========================================================================
 */
body,
h1, h2, h3,
dl, dd, dt,
p,
ul, li, ol {
    margin:0;
    padding:0;
}
li {
    list-style-type:none;
}
a:hover {
    text-decoration: none;
}
html,
body {
    height: 100%;
}
button {
    font-size: 15px;
}
.animation {
    transition: all 0.3s;/* 过度效果 */
}
.input-btn {
    margin-bottom: 0;
    font-size: 15px !important;
}
.input-btn:hover, button:hover {
    background-color: #fff !important;
    color: #9b4dca !important;
    border-color: #9b4dca !important;
}
.a-btn {
    display: inline-block;
    margin: 0 3px 0 3px;
    padding: 3px 8px 3px 8px;
    line-height: initial;
    border: 1px solid #9b4dca;
    border-radius: 3px;
    overflow: hidden;
    font-weight: 500;
    color: #fff !important;
    background-color: #9b4dca;
    cursor: pointer;
    white-space: nowrap;
}
.a-btn:hover {
    color: #9b4dca !important;
    background-color: #fff;
}
.a-btn-active {
    color: #9b4dca !important;
    background-color: #fff;
    border-color: #fff;
    cursor: default;
}
.clear-fix {
    clear: both;
}
body {
    background-color: #e4e9ed;
}
/*
 *  -----------输入框组合-----------
 */
.input-group {
    margin: 10px 15px 10px 0;
    padding: 0;
    float: left;
}
.input-group-addon {
    margin: 0;
    padding: 0 5px;
    color: #fff;
    float: left;
    background-color: #9b4dca;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
}
.input-group-addon:hover {
    /*background-color: #3F51B5;*/
}
.form-control {
    margin: 0;
    height: 100%;
    font-size: medium;
}
.form-control:focus {
    /*border-color:rgba(82, 168, 236, 0.8);*/
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*
 *  ==========================================================================
 *                                      特效文字
 *  ==========================================================================
 */
.special-title h1 {
    font-size: xx-large;
    font-weight: 900;
    text-transform: uppercase;
    color: #00000000;
    background-image: url("/img/water.png");
    /*background-image: url(../../static/img/water.png);*/
    -webkit-background-clip: text;
    animation: water 15s infinite;
    background-color: #674172;
}
@keyframes water {
    from {
        background-position: left 0 bottom -50px;
    }
    to {
        background-position: left 2000px bottom -50px;
    }
}
/*
 *  ==========================================================================
 *                                      装饰用背景颜色
 *  ==========================================================================
 */
.animation-bg-color-blue {
    background-image: linear-gradient(125deg,#1f3a93,#8c14fc,#3498db,#4d13d1,#6bb9f0);
    background-size: 400%;
    animation: bganimation 15s infinite;
}
/*.animation-bg-color-yellow {*/
    /*background-image: linear-gradient(125deg,#ffcb05,#ffffcc,#ffff7e,#eeee00,#f0f0d6);*/
    /*background-size: 400%;*/
    /*animation: bganimation 15s infinite;*/
/*}*/
.animation-bg-color-skyblue {
    background-image: linear-gradient(125deg,#BBDEFB,#e4f1fe,#c5eff7,#E3F2FD,#89c4f4);
    background-size: 400%;
    animation: bganimation 15s infinite;
}

@keyframes bganimation{0%{background-position:0 5%}50%{background-position:100% 50%}100%{background-position:0 50%}}

/*
 *  ==========================================================================
 *                                      气泡装饰
 *  ==========================================================================
 */
.bubbles{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden;bottom:0;right:0}
.bubble{position:absolute;bottom:-100px;z-index:-1;width:40px;height:40px;background:#9b4dca;border-radius:50%;opacity:.8;animation:flying 10s infinite ease-in}
.bubble:nth-child(1){width:40px;height:40px;left:10%;animation-duration:8s}
.bubble:nth-child(2){width:20px;height:20px;left:20%;animation-duration:5s;animation-delay:1s}
.bubble:nth-child(3){width:50px;height:50px;left:20%;animation-duration:10s;animation-delay:2s}
.bubble:nth-child(4){width:80px;height:80px;left:50%;animation-duration:7s;animation-delay:0s}
.bubble:nth-child(5){width:35px;height:35px;left:55%;animation-duration:6s;animation-delay:1s}
.bubble:nth-child(6){width:45px;height:45px;left:65%;animation-duration:8s;animation-delay:3s}
.bubble:nth-child(7){width:25px;height:25px;left:75%;animation-duration:7s;animation-delay:2s}
.bubble:nth-child(8){width:80px;height:80px;left:80%;animation-duration:6s;animation-delay:1s}
.bubble:nth-child(9){width:15px;height:15px;left:70%;animation-duration:9s;animation-delay:0s}
.bubble:nth-child(10){width:50px;height:50px;left:85%;animation-duration:5s;animation-delay:3s}
@keyframes flying{0%{bottom:-100px;transform:translateX(0)}50%{transform:translateX(100px)}100%{bottom:1080px;transform:translateX(-200px)}}
/*
 *  ==========================================================================
 *                                      主页
 *  ==========================================================================
 */
.layout {
    width: 100%;
    height: auto;
    min-height: 83%;
    float: left;
    position: absolute;
    top: 120px;
    padding-top: 50px;
    padding-left: 200px;
    padding-bottom: 50px;
    /*border: 1px solid blue;*/
}
.carousel {
    /*height: 500px;*/
}

.test-middle {

}
.menu {
    width: 300px;
    border-radius: 8px;
    overflow: hidden;
}
.test-item {
    border-top: 1px solid #c5eff7;
    overflow: hidden;
}
.test-btn {
    display: block;
    padding: 16px 20px;
    background: #c5eff7;
    color: #9b4dca;
    position: relative;
}
.test-btn::before {
    content: "";
    position: absolute;;
    width: 14px;
    height: 14px;
    background: #c5eff7;
    left: 20px;
    bottom: -7px;
    transform: rotate(45deg);
}
.test-btn i {
    margin-right: 10px;
}
.smenu {
    background: #333;
    overflow: hidden;
    transition: max-height 0.3s;
    max-height: 0;
}
.smenu a {
    display: block;
    padding: 16px 26px;
    color: #c5eff7;
    font-size: 14px;
    margin: 4px 0;
    position: relative;
}
.smenu a:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: #c5eff7;
    left: 0;
    top: 0;
    transition: 0.3s;
    opacity: 0;
}
.smenu a:hover:before {
    opacity: 1;
}
.test-item:target .smenu {
    max-height: 10em;
}
/*
 *  ==========================================================================
 *                                      账号检验
 *  ==========================================================================
 */
.before-login,
.after-login {
    position: absolute;
    right: 20px;
    bottom: 0;
}
.after-login {
    color: #9b4dca;
    font-weight: 700;
}
.after-login h5 {
    margin-right: 10px;
    cursor: default;
}
/*
 *  ==========================================================================
 *                                      顶部导航2
 *  ==========================================================================
 */
.fl {
    float: left;
}
.fr {
    float: right;
}
/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}
/*定位居中*/
.middle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.s-side {
    min-width: 200px;
    position: fixed;
    top: 15%;
    left: 0;
    width: 15%;
    bottom: 0;
    box-shadow: 0 10px 10px #313131;
    padding: 10px;
    color: #9b4dca;
    background-color: #c5eff7;
    border-right: 3px solid #9b4dca;
}
.s-side a {
    color: #9b4dca;
}
.s-side .s-firstItem i {
    font-size: 20px;
}
.s-side .s-firstItem span {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    text-shadow: 0 0 5px #9b4dca;
    /*white-space: 10px;*/
}
.s-side .first {
    padding: 10px 0;
    border-bottom: 1px solid #9b4dca;
}
.s-side .d-firstNav span {
    display: inline-block;
    margin-left: 10px;
}
.s-side .d-firstNav i.fr {
    font-size: 25px;
}
.s-side .s-secondNav,
.s-side .s-secondItem {
    margin-left: 20px;
    margin-top: 10px;
}
.s-secondNav:hover, .d-firstNav:hover,
.s-side .first .s-secondItem:hover, .s-side .first .s-thirdItem:hover {
    border-radius: 15px;
    background-color: #9b4dca;
    color: #fff;
    cursor: pointer;
}
.s-side .first .s-secondItem a, .s-side .first .s-thirdItem a {
    padding-left: 10px;
}
.s-side .first .s-secondItem:hover a, .s-side .first .s-thirdItem:hover a {
    color: #fff;
}
.s-side .d-secondDrop {
    margin-left: 50px;
    margin-top: 10px;
}
.iconRotate {
    transform: rotate(90deg);
    transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
    display: none;
}
.s-secondItem a,
.s-thirdItem a {
    position: relative;
}
.s-secondItem span[class*='icon-'],
.s-thirdItem span[class*='icon-'] {
    display: inline-block;
    position: absolute;
    bottom: 0;
}
.s-secondItem a,
.d-secondNav span {
    padding-left: 10px;
}
/*
 *  ==========================================================================
 *                                      顶部导航
 *  ==========================================================================
 */
/*
 *  -----------导航容器-----------
 */
.top-nav {
    /* 长宽 */
    width: 100%;
    height: 15%;
    /* 边框 */
    border-bottom: 3px solid #9b4dca;
    box-shadow: 0 1px 5px #888;
    transition: all 0.3s;
    /* 背景 */
    background-color: #c5eff7;
    /* 定位 */
    position: fixed;
    z-index: 100;
}
.top-nav:hover {
    /* 阴影变化 */
    box-shadow: 0 3px 10px #aaa;
}
.hide {
    display: none;
}
.user-msg {
    position: absolute;
    right: -200px;
    top: 5px;
    /*color: #9b4dca;*/
}
/*
 *  ==========================================================================
 *                                      登录/注册
 *  ==========================================================================
 */
/*
 *  -----------背景-----------
 */
.login-page {
    width: 100%;
    height: 100%;
    min-height: auto;
    padding: 0;
    border-radius: 5px;
    overflow-x: hidden;
    /*background: rgba(151, 126, 255, 0.3);*/
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.login-page::before {
content: '';
width: 100%;
height: 100%;
display: block;
background: url("/img/hospital.jpg");
background-size: cover;
-webkit-filter: blur(5px);
filter: blur(10px);
z-index: 1;
position: absolute;
top: 0;
right: 0;
}
/*
 *  -----------容器-----------
 */
.login-page .container {
    min-width: 70vh;
    min-height: 100vh;
    z-index: 999;
    position: relative;
    padding: 0 30px;
}
/*
 *  -----------表格持有者-----------
 */
.form-holder {
    width: 100%;
    height: 100%;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 50px;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(121, 106, 238, 0.7);
    position: relative;
}
.form-holder div[class*='col-'] {
    padding: 0;
}
.form-holder div.row {
    margin: 0;
}
/* 登录盒子阴影 */
.has-shadow {
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
    transition: all 0.3s
}
.has-shadow:hover {
    box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, 0.4);
}
/*
 *  -----------logo-----------
 */
.info {
    height: 100%;
    min-height: 70vh;
    padding: 40px;
    color: #fff;
}
.info h1 {
    font-size: 2.5em;
    font-weight: 600;
}
.info p {
    font-weight: 300;
}
.content {
    width: 100%;
}
/*
 *  -----------表格-----------
 */
.form-holder .form {
    /* 长宽 */
    width: 100%;
    height: 100%;
    min-height: 70vh;
    /* 填充 */
    padding: 40px;
}
.form-holder .form form {
    width: 100%;
    max-width: 400px;
}
.form-holder .form .form-group {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
}
@media (max-width: 767px) {
    .info, .form {
        min-height: auto !important;
    }
    .info {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}
/*
 *  -----------输入框-----------
 */
.form-group .input-material {
    width: 100%;
    border-radius: 0;
    border: none;/* 去除边界 */
    border-bottom: 1px solid #eee;/* 添加底部边界样式 */
    padding: 10px 0;
}
.input-underline {
    border-color: #E57373 !important;
}
.feedback {
    width: auto;
    height: auto;
    display: block !important;
    color: #E57373;
}
/*
 *  -----------登录按钮-----------
 */
#login-btn, #reg-btn, #reset-btn {
    font-weight: initial;
    font-size: 15px;
}
/*
 *  -----------跳转提示-----------
 */
.form .jump-tip {
    float: right;
}
.form small {
    color: #aaa;
}
.form a.hyperlink {
    border-radius: 3px;
    font-size: 0.9em;
    color: #9b4dca;
    cursor: pointer;
    transition: all 0.3s;/* 过度效果 */
}
.form a.hyperlink:hover {
    color: #fff;
    background-color: #9b4dca;
}
/*
 *  ==========================================================================
 *                                      社区
 *  ==========================================================================
 */
/*
 *  -----------搜索框-----------
 */
.search {
    margin-bottom: 20px;
}
.search-form {
    display: inline-block;
    width: 50%;
}
.search-form, .box-holder {
    padding: 0;
    margin: 0 auto;
    min-width: 500px;
    min-height: auto;
}
.box-holder .search-box, .box-holder .search-btn {
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.box-holder .search-box {
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
}
.box-holder .search-btn {
    border-radius: 0 5px 5px 0;
    overflow: hidden;
    font-size: 15px;
    /*float: right;*/
}
@media (max-width: 639px) {
    .box-holder .search-box, .box-holder .search-btn {
        border-radius: 5px !important;
    }
    .box-holder .search-box {
        min-height: 40px;
        margin-bottom: 15px;
    }
}
/*
 *  -----------发表帖子-----------
 */
.box-holder .post-box-content {
    height: 150px;
}
.box-holder .post-btn, .collection .collection-btn {
    font-family: icomoon;
    font-size: 15px;
}
/*
 *  -----------帖子-----------
 */
.topic {
    margin-bottom: 20px;
}
.topic-box {
    padding: 8px 80px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    overflow: hidden;
}
.topic-box:hover {
    /*background-color: #EDE7F6;*/
}
.topic-box span.topic-title {
    min-width: auto;
    max-width: 50%;
    padding: 0 8px;
    margin-bottom: 10px;
    border-radius: 15px;
    cursor: pointer;
}
.topic-box .topic-title:hover {
    /*background-color: #66ccff;*/
    color: #fff;
}
.topic-box .topic-title, .topic-box .topic-content {
    float: left;
}
.topic-box .topic-title h5, .topic-box .topic-content {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
}
.topic-box .topic-content {
    padding: 0 8px;
}
.topic-box .topic-time {
    float: right;
    color: #666;
}
/*
 *  -----------页码-----------
 */
.pagination-box {
    padding: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    display: flex;
}
.page-number {
    display: flex;
}
.page-msg {
    display: inline-block;
    margin-top: 20px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
}
.page-msg span {
    color: #666;
}
/*
 *  ==========================================================================
 *                                      帖子详细内容
 *  ==========================================================================
 */
/*
 *  -----------容器-----------
 */
.topic-form {
    margin: 0;
    padding: 0;
}
.row .col-12 {
    margin-bottom: 20px;
}
/*
 *  -----------标题-----------
 */
.show-topic {
    margin-bottom: 20px;
}
.show-topic .topic-title {
    margin: 0;
}
/*
 *  -----------正文-----------
 */
.show-topic .floors {
    padding: 0;
    border: 1px solid black;
}
.show-topic .floors, .show-topic .floors div {
    margin: 0;
}
.show-topic .floors div {
    padding: 10px;
}
.show-topic .floors div:hover {
    background-color: #eee;
    cursor: default;
}
.show-topic .floors div.col-md-2 {
    /*background-color: #B3E5FC;*/
}
.topic-form .show-topic .topic-content {
    font-size: x-large;
}
/*
 *  -----------评论-----------
 */
.comment-form, .comment-form .box-holder, .btn-box {
    margin: 0;
    padding: 0;
}
.comment-box, .btn-box {
    float: left;
    margin: 0;
}
.comment-box, .comment-btn {
    border-radius: 0;
}
.comment-box {
    border-radius: 10px 0 0 10px;
    min-height: 100px;
}
.comment-btn {
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0;
    font-size: 15px;
}
@media (max-width: 639px) {
    .comment-box, .comment-btn {
        border-radius: 10px !important;
        margin-bottom: 20px !important;
    }
}
/*
 *  -----------评论区-----------
 */
.comment-area {
    margin: 0;
    padding: 0;
}
.comment-area .topic-content {
    float: left;
}
.comment-area .topic-comment-time {
    float: right;
    color: #666;
}
/*
 *  ==========================================================================
 *                                      文章
 *  ==========================================================================
 */
/*
 *  -----------文章-----------
 */
.article-h {
    margin: 0;
    float: left;
}
.write-article-btn {
    margin-top: 10px;
    float: right;
}
/*
 *  ==========================================================================
 *                                      个人中心
 *  ==========================================================================
 */
/*
 *  -----------左侧导航-----------
 */
.left-nav .list-group .list-group-item:hover {
    /*background-color: #9b4dca;*/
    color: #fff;
}
.left-nav-fixed {
    position: fixed;
    top: 10px;
}

/*
 *  -----------菜单内容-----------
 */
.nav-content div {
    width: 100%;
    height: auto;
}
.nav-content .nav-tab {
    display: none;
}
.nav-content .active {
    display: block;
}
/*
 *  ==========================================================================
 *                                      账单
 *  ==========================================================================
 */
/*
 *  -----------查询账单-----------
 */
.modal-header h4 {
    margin: 0;
}
.modal-header, .modal-footer {
    /*background-color: #9b4dca;*/
}
.modal-header, .modal-header button span, .modal-footer button {
    color: #fff;
    font-weight: bolder;
    margin: 0;
}
#login-btn:hover,/* 登录界面按钮 */
#reg-btn:hover,/* 注册界面按钮 */
#reset-btn:hover,
.modal-header button:hover span,/* 模态框右上角关闭按钮 */
.modal-body input#recharge:hover{/* 模态框内容部分按钮 */
    background-color: #fff;
    color: #9b4dca;
    border-color: #9b4dca;
}
/*
 *  -----------账单详情模态框-----------
 */
table.bill-li {
    display: flex;
    flex-direction: column;
    text-align: center;
}
table.bill-li tr.bill {
    display: flex;
    flex-direction: row;
}
table.bill-li tr.bill td {
    flex: 1;
}
table.bill-li tr.bill td.bill-li-th,
table.bill-li tr.bill td.bill-li-bill-num,
table.bill-li tr.bill td.bill-li-btn {
    justify-content: space-around;
}
.bill-detail th {
    text-align: right;
}
.btn-li {
    display: flex;
    justify-content: space-around;
}
/*
 *  ==========================================================================
 *                                      充值
 *  ==========================================================================
 */
.two-bar-code {
    width: 150px;
    height: 150px;
    margin: 20px auto;
    border: 1px solid black;
    background: url("/img/two-bar-code.png") no-repeat;
    /*background: url(../../static/img/two-bar-code.png) no-repeat;*/
    background-size: 150px;
}
#confirm {
    display: block;
    padding: 0;
    margin: 0 auto;
}
/*
 *  ==========================================================================
 *                                      余额
 *  ==========================================================================
 */
.show-money .balance-val, .show-money .goto-recharge-btn {
    min-width: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
}
/*
 *  ==========================================================================
 *                                      收藏
 *  ==========================================================================
 */
.collection-box {
    width: 50%;
    height: auto;
}
.collection-box span {
    /*大小*/
    display: block;
    width: 100%;
    height: auto;
    /*填充*/
    padding: 5px 20px;
    margin-bottom: 5px;
    /*边界*/
    border: 1px solid black;
    overflow: hidden;
    /*字体*/
    font-size: larger;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    /*鼠标*/
    cursor: pointer;
}
.collection-box span:hover {
    /*background-color: #B3E5FC;*/
}
/*
 *  ==========================================================================
 *                                      预约
 *  ==========================================================================
 */
.tab-info-tr th {
    width: 10%;
    text-align: right;
    vertical-align: top;
    white-space:nowrap;
}
/*
 *  ==========================================================================
 *                                      我的评价
 *  ==========================================================================
 */
/*
 *  -----------容器-----------
 */
#isEvaluate {
    margin-bottom: 100px;
}
.nav .nav-item .active {
    /*background-color: #9b4dca;*/
    /*color: #fff;*/
    /*border-color: #9b4dca;*/
}
.card {
    width: 70%;
    margin-left: auto !important;
    margin-right: auto !important;
}
/*
 *  -----------显示信息-----------
 */
table tr th,
table tr td {
    border: none;
}
/*追评内容加上分解西安隔开*/
.card-body table tr td[colspan] {
    border-top: 1px solid black;
}
/*
 *  -----------评价内容-----------
 */
.evaluate {
    margin: 10px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: none;
    border-left: none;

    /*border-radius: 10px;*/
    /*overflow: hidden;*/
}
.evaluate .card-header {
    /*background-color: #9b4dca;*/
    /*color: #fff;*/
    font-size: large;
    font-weight: initial;
}
.evaluate .evaluate-time {
    float: right;
}
/*
 *  -----------星星-----------
 */
/*处理星星显示问题*/
.star_list{
    width: 100px;
    /*margin: 0 10px;*/
    /*display: inline-block;*/
}
.star_list a{
    font-size: 15px;
    text-decoration: none;
}
.star-full {
    color: #ef5350;
}
.star-empty {
    color: #e0e0e0;
}
.tab-info-tr span.add-evaluate-msg {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
}
/*
 *  -----------追评时间-----------
 */
.spacetime {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #aaa;
}
.addCom {
    border-top: 1px solid #ccc !important;
}
/*
 *  -----------前往评价-----------
 */
.goto-evaluate-btn {
    float: right;
}
/*
 *  -----------按钮-----------
 */
.danger-btn {
    background-color: #f62459 !important;
    border-color: #f62459 !important;
    float: right;
}
.danger-btn:hover {
    color: #fff !important;
    border-color: #cf000f !important;
    background-color: #cf000f !important;
}
.warn-btn {
    background-color: #f5e51b !important;
    border-color: #f5e51b !important;
}
.warn-btn:hover {
    color: #fff !important;
    border-color: #e9d460 !important;
    background-color: #e9d460 !important;
}
.success-btn {
    background-color: #00e640 !important;
    border-color: #00e640 !important;
}
.success-btn:hover {
    color: #fff !important;
    border-color: #2ecc71 !important;
    background-color: #2ecc71 !important;
}

/*
 *  ==========================================================================
 *                                      展示所有评论
 *  ==========================================================================
 */
.tab-top-line {
    border-top: 1px solid black;
    margin: 20px;
}